.login-bg {
    width: 100%;
    height: 100vh;
    background-image: url("@/assets/img/login_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;

    .login-form {
        width: 25vw;
        min-height: 45vh;
        background: #FFF;
        border-radius: 10px;
        box-shadow: 2px 5px 6px rgba($color: #333, $alpha: .4);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        padding: 10px 20px;
        box-sizing: border-box;

        .login-header {
            font-weight: 550;
            height: 44px;
            line-height: 44px;
            width: 100%;
            position: relative;
            margin-bottom: 20px;
        }
        .login-header::before{
            content:"";
            position: absolute;
            bottom: 2px;
            left:0px;
            height: 4px;
            width: 60px;
            border-radius: 3px;
            background: linear-gradient(to right,#FF0000,#0088dd);
        }

        .login-btn {
            width: 100%;
        }

        .form-item-ext {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
    }
}